<div class="navbar-fixed site-menubar-top" ng-class="{'site-menubar-hover':vm.open || vm.ping}">
    <!-- pc -->
    <nav class="hide-on-small-only med">
        <div class="nav-wrapper">
            <a href="#/industry" class="brand-logo left">
                {{vm.sourceApi.title}}<b style="font-size: 12px;padding-left: 3px;">{{vm.user.verInfo}}</b>
            </a>
            <ul class="left hide-on-small-only">
                <li>
                    <a href="javascript:void(0)" ng-click="vm.showSliderNav()"><i class="fa fa-bars md-24" aria-hidden="true"></i></a>
                </li>
                <li>
                    <a href="javascript:void(0)"> </a>
                </li>
            </ul>
            <div class="left pagetitle" ng-mouseleave="vm.industry.close()">
                <span class="line"></span>
                <h1 title="{{vm.industry.title}}">                   

                <span class="word-limit" title="{{vm.industry.title}}"> {{vm.industry.title}}</span>
                <i id="dropdownicon" class="fa fa-caret-down cp" data-activates="dropdown1" ng-click="vm.industry.change()" ng-if="vm.user.industry_type == 'mutil'"></i>
                </h1>
                <ul id="dropdown1" class="dropdown-content" style="margin-left:-26px;">
                    <li ng-repeat="title in vm.industry.array track by $index">
                        <a class="truncate" title="{{title}}" href="javascript:void(0)" ng-click="vm.industry.select($index)">{{title}}</a>
                    </li>
                </ul>
            </div>
            <ul class="right">
                <li>
                    <a ui-sref="setting" title="设置"><i class="fa fa-cog md-24" aria-hidden="true"></i></a>
                </li>
                <li ng-show="vm.user.channel=='1' ">
                    <a href="javascript:void(0);" title="购买" ng-click="vm.shop()"><i class="fa fa-shopping-cart md-24" aria-hidden="true"></i></a>
                </li>
                <li>
                    <a href="javascript:void(0);" title="退出" ng-click="vm.exit()"><i class="fa fa-power-off md-24" aria-hidden="true"></i></a>
                </li>
            </ul>
        </div>
    </nav>
    <!-- mobile -->
    <nav class="hide-on-med-and-up">
        <div class="nav-wrapper">
            <a href="javascript:void(0)" data-activates="mobile-demo" class="button-collapse left"><i class="fa fa-bars md-24"></i></a>
            <a href="#/industry" class="brand-logo center">
                {{vm.sourceApi.title}}<span style="font-size: 12px;padding-left: 3px;">{{vm.user.verInfo}}</span>
            </a>
        </div>
    </nav>
</div>
<!-- mobile slide -->
<ul class="side-nav" id="mobile-demo" style="z-index: 10000;">
    <li style="height: 60px;"></li>
    <li class="site-menu-item" ng-class="{'active':vm.page == '/industry'}">
        <a ui-sref="industry">
            <i class="fa fa-signal" aria-hidden="true"></i>
            <span class="site-menu-title">行业分析</span>
        </a>
    </li>
    <li class="site-menu-item" ng-class="{'active':vm.page == '/words'}" ng-if="vm.user.ver == 'pro'">
        <a ui-sref="words">
            <i class="fa fa-tags" aria-hidden="true"></i>
            <span class="site-menu-title">最鲜商机</span>
        </a>
    </li>
    <li class="site-menu-item" ng-class="{'active':vm.page == '/brand'}" ng-if="vm.user.ver == 'pro'">
        <a ui-sref="brand">
            <i class="fa fa-flag"></i>
            <span class="site-menu-title">品牌数据</span>
        </a>
    </li>
    <li class="site-menu-item" ng-class="{'active':vm.page == '/shop'}">
        <a ui-sref="shop">
            <i class="fa fa-home" aria-hidden="true"></i>
            <span class="site-menu-title">店铺数据</span>
        </a>
    </li>
    <li class="site-menu-item" ng-class="{'active':vm.page == '/product'}">
        <a ui-sref="product">
            <i class="fa fa-shopping-bag" aria-hidden="true"></i>
            <span class="site-menu-title">商品数据</span>
        </a>
    </li>
    <li class="site-menu-item" ng-class="{'active':vm.page == '/monitor'}">
        <a ui-sref="monitor">
            <i class="fa fa-eye" aria-hidden="true"></i>
            <span class="site-menu-title">实时监控</span>
        </a>
    </li>
    <li class="site-menu-item" ng-class="{'active':vm.page == '/newProduct'}" ng-if="vm.user.ver == 'pro'">
        <a ui-sref="newProduct">
            <i class="fa fa-tint" aria-hidden="true"></i>
            <span class="site-menu-title">新品追踪</span>
        </a>
    </li>
    <li class="site-menu-item" ng-class="{'active':vm.page == '/attr'}" ng-if="vm.user.ver == 'pro'">
        <a ui-sref="attr" >
            <i class="fa fa-code" aria-hidden="true"></i>
            <span class="site-menu-title">属性分析</span>
        </a>
    </li>
    <li class="site-menu-item" ng-class="{'active':vm.page == '/redNet'}" ng-if="vm.user.ver == 'pro'">
        <a ui-sref="redNet">
            <i class="fa fa-firefox"></i>
            <span class="site-menu-title">网红达人</span>
        </a>
    </li>
    <li class="site-menu-item" ng-class="{'active':vm.page == '/manage'}">
        <a ui-sref="manage">
            <i class="fa fa-map-pin"></i>
            <span class="site-menu-title">控价管理</span>
        </a>
    </li>
    <li class="fixed-footer">
        <a ui-sref="setting" title="设置"><i class="fa fa-cog md-24" aria-hidden="true"></i>设置</a>
        <a href="javascript:void(0);" title="退出" ng-click="vm.exit()"><i class="fa fa-power-off md-24" aria-hidden="true"></i>退出</a>
    </li>    
</ul>
<aside id="pc_demo" ng-class="{'site-menubar':true,'site-menubar-hover':vm.ping}">
    <div class="site-nav-body" jq-scroll jq-scroll-theme="minimal-dark">
        <ul class="site-menu scrollable-content">
            <li class="site-menu-item" ng-class="{'active':vm.page == '/industry'}"  tooltip-append-to-body="true" uib-tooltip="行业分析" tooltip-placement="right" tooltip-enable="{{!vm.ping}}" tooltip-class="slider-tooltip">
                <a ui-sref="industry">
                    <i class="fa fa-signal animated swing" aria-hidden="true"></i>
                    <span class="site-menu-title">行业分析</span>
                </a>
            </li>
            
            <li class="site-menu-item" ng-class="{'active':vm.page == '/words'}" ng-if="vm.user.ver == 'pro'" tooltip-append-to-body="true" uib-tooltip="最鲜商机" tooltip-placement="right" tooltip-enable="{{!vm.ping}}" tooltip-class="slider-tooltip">
                <a ui-sref="words">
                    <i class="fa fa-tags" aria-hidden="true"></i>
                    <span class="site-menu-title">最鲜商机</span>
                </a>
            </li>
            <li class="site-menu-item" ng-class="{'active':vm.page == '/brand'}" ng-if="vm.user.ver == 'pro'" tooltip-append-to-body="true" uib-tooltip="品牌数据" tooltip-placement="right" tooltip-enable="{{!vm.ping}}" tooltip-class="slider-tooltip">
                <a ui-sref="brand">
                    <i class="fa fa-flag"></i>
                    <span class="site-menu-title">品牌数据</span>
                </a>
            </li>
            <li class="site-menu-item" ng-class="{'active':vm.page == '/shop'}" tooltip-append-to-body="true" uib-tooltip="店铺数据" tooltip-placement="right" tooltip-enable="{{!vm.ping}}" tooltip-class="slider-tooltip">
                <a ui-sref="shop">
                    <i class="fa fa-home" aria-hidden="true"></i>
                    <span class="site-menu-title">店铺数据</span>
                </a>
            </li>
            <li class="site-menu-item" ng-class="{'active':vm.page == '/product'}" tooltip-append-to-body="true" uib-tooltip="商品数据" tooltip-placement="right" tooltip-enable="{{!vm.ping}}" tooltip-class="slider-tooltip">
                <a ui-sref="product">
                    <i class="fa fa-shopping-bag" aria-hidden="true"></i>
                    <span class="site-menu-title">商品数据</span>
                </a>
            </li>
            <li class="site-menu-item" ng-class="{'active':vm.page == '/monitor'}" tooltip-append-to-body="true" uib-tooltip="实时监控" tooltip-placement="right" tooltip-enable="{{!vm.ping}}" tooltip-class="slider-tooltip">
                <a ui-sref="monitor">
                    <i class="fa fa-eye" aria-hidden="true"></i>
                    <span class="site-menu-title">实时监控</span>
                </a>
            </li>
            <li class="site-menu-item" ng-class="{'active':vm.page == '/newProduct'}" ng-if="vm.user.ver == 'pro'" tooltip-append-to-body="true" uib-tooltip="新品追踪" tooltip-placement="right" tooltip-enable="{{!vm.ping}}" tooltip-class="slider-tooltip">
                <a ui-sref="newProduct">
                    <i class="fa fa-tint" aria-hidden="true"></i>
                    <span class="site-menu-title">新品追踪</span>
                </a>
            </li>
            <li class="site-menu-item" ng-class="{'active':vm.page == '/attr'}" ng-if="vm.user.ver == 'pro'" tooltip-append-to-body="true" uib-tooltip="属性分析" tooltip-placement="right" tooltip-enable="{{!vm.ping}}" tooltip-class="slider-tooltip">
                <a ui-sref="attr">
                    <i class="fa fa-code" aria-hidden="true"></i>
                    <span class="site-menu-title">属性分析</span>
                </a>
            </li>
            <li class="site-menu-item" ng-class="{'active':vm.page == '/redNet'}" ng-if="vm.user.ver == 'pro'" tooltip-append-to-body="true" uib-tooltip="网红达人" tooltip-placement="right" tooltip-enable="{{!vm.ping}}" tooltip-class="slider-tooltip">
                <a ui-sref="redNet">
                    <i class="fa fa-firefox"></i>
                    <span class="site-menu-title">网红达人</span>
                </a>
            </li>
            <li class="site-menu-item" ng-class="{'active':vm.page == '/manage'}" tooltip-append-to-body="true" uib-tooltip="控价管理" tooltip-placement="right" tooltip-enable="{{!vm.ping}}" tooltip-class="slider-tooltip">
                <a ui-sref="manage">
                    <i class="fa fa-map-pin"></i>
                    <span class="site-menu-title">控价管理</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="site-nav-footer">
        <a class="white-text">账号：{{::vm.user.nick}}</a>
        <a class="white-text">截止：{{::vm.user.deadLine}}</a>
    </div>
</aside>
